<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="stylesheet" type="text/css" href="../../../static/h-ui/css/H-ui.min.css" />
    <link rel="stylesheet" type="text/css" href="../../../static/h-ui.admin/css/H-ui.admin.css" />
    <link rel="stylesheet" type="text/css" href="../../../lib/Hui-iconfont/1.0.8/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="../../../static/h-ui.admin/skin/default/skin.css" id="skin" />
    <link rel="stylesheet" type="text/css" href="../../../static/h-ui.admin/css/style.css" />
    <link rel="stylesheet" type="text/css" href="../../../ht-css/style-q.css" />
    <link rel="stylesheet" type="text/css" href="../../../ht-css/Project.css" />
    <link rel="stylesheet" type="text/css" href="../../../ht-css/style-q.css" />
    <link rel="stylesheet" type="text/css" href="../../../ht-css/custom.css" />
    <!--引入分页-->
    <link rel="stylesheet" href="../../../lib/pagination/pagination.css">
    <title>子场景管理</title>
    <style>
        .pic_warp {
            display: none;
           /* display: table-cell;*/
           /* vertical-align: middle;*/
            margin-top: 100px;
           /* width: 960px;
            height: 960px;*/
        }
        .show_pic{
            position:relative;
            margin: 0 auto;

        }
        .select_pic{
            position: relative;
            width: 1200px;
            height: 420px;
        }
        .marks{
            position: absolute;
        }
        .mark{
            width: 15px;
            height: 15px;
        }

    </style>
</head>
<body style="background-color: #FFFFFF">
<article class="page-container">
    <form class="ml-20 mr-20" action="post" >
        <div class="bg-1 pt-20">
            <table class="table table_li">
                <tbody>
                <tr>
                    <td>
                        <div class="ml-10 clearfix">
                            <label class="f-l lh-26 w-200 text-r"><span class="c-red pr-5">*</span><span>子级场景：</span></label>
                           <!-- <span class="select-box w-200 f-l size-M radius">
                                    <select id="productType" name="productType" class="select" required>
                                        <option value="">请选择一级场景</option>
                                    </select>
                            </span>-->
                            <input  name="productType"  type="text" class="input-text f-l w-200 radius"  id="productType" readonly>
                            <span class="select-box w-200 f-l size-M radius" style="margin-left: 10px">
                                    <select id="secondScene" name="secondScene" class="select" required>
                                        <option value="">请选择子级场景</option>
                                    </select>
                                </span>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>
                        <div class="row ml-10 clearfix">
                            <label class="f-l w-200 text-r"><span class="c-red pr-5">*</span><span>名称：</span></label>
                            <input id="sceneName" name="sceneName" maxlength="8" type="text" class="input-text f-l w-200 radius"
                                   placeholder="请输入标题 （标题限制8个字符）" onkeyup="value=value.replace(/[^a-zA-Z\u4e00-\u9fa5]/g,'') ">
                        </div>
                    </td>
                </tr>
                <tr>
                    <td class="l">
                        <div class="row ml-10 clearfix">
                            <label class="f-l w-200 text-r"><span class="c-red pr-5">*</span><span>一级场景位置：</span></label>
                            <input id="sceneLocation" name="sceneLocation"  type="text" class="input-text f-l w-200 radius"
                                   placeholder="请选择锚点位置" readonly>
                            <span style="color:blue;margin-left: 10px;cursor: pointer" onclick="select()">选择</span>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td style="padding-left: 172px">
                        <label class="form-label" style="float: left"><span class="c-red pr-5">*</span>子级场景图片：</label>
                        <div class="formControls">
                            <img title="" src="../../../img/uploadimg.jpg" class="mr-10" id="myImg" height="100px" width="100px" style="float: left">
                            <div class="formControls text-c" style="float: left ; margin-top :33px;" >
                                <input type="file" id="file" name="image" onchange="putDataToPage(event)" required>
                                <br>
                                <span style="color: #f00 ; line-height:40px;">通栏图片限制为960*360</span>
                                </br>
                            </div>
                        </div>
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
        <!--图片展示-->
        <div class="pic_warp" id="pic_warp">
            <div class="show_pic" id="showPic">
                <img src="" alt="这是一张图片" id="pic" class="select_pic">
            </div>
           <!-- <div class="marks">
                <img src="../../../img/location.png" alt="这是一个小图标"  class="mark">
            </div>-->
        </div>

        <!--保存取消按钮-->
        <div class="mt-10 pl-20 mt-40 text-c">
            <input type="button" onclick="save()" class="btn btn-secondary size-S radius ml-20" value="保&nbsp;&nbsp;存">
            <input type="button" onclick="cancel()" class="btn size-S radius ml-10" value="取&nbsp;&nbsp;消">
        </div>
    </form>
</article>
<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="../../../lib/jquery/1.9.1/jquery.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../lib/layer/2.4/layer.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../static/h-ui/js/H-ui.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../static/h-ui.admin/js/H-ui.admin.js?rev=@@hash"></script>
<!--/_footer 作为公共模版分离出去-->
<!--表单验证-->
<script type="text/javascript" src="../../../lib/jquery.validation/1.14.0/jquery.validate.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../lib/jquery.validation/1.14.0/validate-methods.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../lib/jquery.validation/1.14.0/messages_zh.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../lib/Validform/5.3.2/Validform_v5.3.2_min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../lib/datatables/1.10.0/jquery.dataTables.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../lib/laypage/1.2/laypage.js?rev=@@hash"></script>
<script src="../../../ht-js/public.js?rev=@@hash"></script>
<!--验证token-->
<script src="../../../ht-js/verifyToken.js?rev=@@hash"></script>
<script src="../../../lib/pagination/jquery.pagination.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../ht-js/frame/doT.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../ht-js/operation-js/scenarioPurchasing/secondSceneManagement.js"></script>

</body>
</html>